<template>
  <div>
<!--    <div class="progress-bar-long">-->
<!--      <div class="progress-bar-short"></div>-->
<!--    </div>-->
<!--    <div class="title">-->
<!--      首先，设置活动的举办地-->
<!--    </div>-->
<!--    <div class="description">-->
<!--      一般情况下，举办城市应与主办方所在城市一致。-->
<!--    </div>-->
<!--    <div class="input">-->
<!--      <el-input-->
<!--          placeholder="搜索城市"-->
<!--          prefix-icon="el-icon-search"-->
<!--          v-model="city">-->
<!--      </el-input>-->
<!--      <el-input-->
<!--          placeholder="请输入详细地址"-->
<!--          prefix-icon="el-icon-message"-->
<!--          v-model="address">-->
<!--      </el-input>-->
<!--    </div>-->


  </div>
</template>

<script>
export default {
  name:'Detail0',
  data() {
    return {
      city: '',
      address: ''
    }
  },
}
</script>

<style scoped>

.progress-bar-long{
  /*!*方便观察分区，画出分区边界*!*/
  /*border: 1px solid red;*/

  background-color: #CECECE;

  width: 100%;
  height: 2%;
  position: absolute;
  margin-left: -1.02%;

}

.progress-bar-short{
  /*!*方便观察分区，画出分区边界*!*/
  /*border: 1px solid red;*/
  background-color: #008294;

  width: 20%;
  height: 100%;
  position: absolute;
}

.title{
  /*方便观察分区，画出分区边界*/
  border: 1px solid red;

  position: absolute;
  margin-top: 5%;
  margin-left: 35%;

  font-size: 50px;
  font-weight: 600;
}
.description{
  /*方便观察分区，画出分区边界*/
  border: 1px solid red;

  position: absolute;
  margin-top: 10%;
  margin-left: 40%;

  font-weight: 600;
}

.input{
  /*方便观察分区，画出分区边界*/
  border: 1px solid red;

  position: absolute;
  margin-top: 20%;
  margin-left: 35%;
}
</style>
